#happy{
    width: 1420px;
    height:805px;
    background-color: #1E2D3B;
    margin: 0 auto;
    margin-top: 50px;
    position: relative;
}
 h1{font-size: 150px;
    color: #3f9ade;
margin-bottom: -60px;}
   p{
    font-size: 30px;
    color: #55606b;
    margin-bottom: 40px;
   } 
  .addition{
    width: 370px;
    height: 400px;
    float: right;
  }
 .one{
    width: 400px;
    height: 800px;
    position: absolute;
    top: -20px;
    right:85px;
    overflow: hidden;}

    .three{
        width: 800px;
        height: 800px;
        background-image: url(../img/road.png);
        padding-left: -10px;
        background-size: 600px 800px;
        background-repeat: no-repeat;
        background-position: 100%  100%;
        position: relative;

    }
    .four{
        width:250px;
        height: 220px;
        background-image: url(../img/icon1.png);
        position: absolute;
        top: 390px;
        left: 95px;
        background-size: 250px 220px;

    }
     .five{
        width:170px;
        height:200px;
        position: relative;
        left: 597px;
        top: 280px;
        background-image: url(../img/icon3.png);
        background-repeat: no-repeat;
        background-size: 170px 190px;}
 .six{
    width:140px;
    height: 150px;
    position: relative;
    bottom: 165px;
    left: 335px;
    background-image: url(../img/icon5.png);
    background-repeat: no-repeat;
    background-size: 140px 150px;
 }
.senven{
    width: 75px;
    height: 70px;
    position: relative;
    bottom: 315px;
    left: 600px;
    background-image: url(../img/icon7.png);
    background-repeat: no-repeat;
    background-size: 75px 70px;
}
.four:hover
{
background-image: url(../img/icon2.png);
}
.five:hover{
    background-image: url(../img/icon4.png);
}
.six:hover{
    background-image:url(../img/icon6.png) ;
}
.senven:hover{
    background-image: url(../img/icon8.png);
}